<!DOCTYPE html>
<html lang="es">
	<head>
		<title>Aprendiendo jQuery</title>
		<script src="jquery-1.8.3.min.js"> </script>
		<script type="text/javascript">	
		function jqPostEfecto(){
			$(document).on('ready', function(){
				
				$.fx.speeds.velocidad = 1000;
				
				$('#btSlideUp').on('click', function(){
					$('.jqCap17').slideUp('velocidad', function(){
						$('.jqCap17').slideDown('velocidad');
					});
				});
				
				$('#btMasVel').on('click', function(){
					$.fx.speeds.velocidad = $.fx.speeds.velocidad - 100;
				});
				
				$('#btMenosVel').on('click', function(){
					$.fx.speeds.velocidad = $.fx.speeds.velocidad + 100;
				});
			});
		}
		</script>
		<style>
		.ejemplos {
			background: #f1f1f1;
			display: block;
			height: 100px;
			margin: 25px auto;
			width: 500px;
			border-radius: 0 50px 0 50px;
			overflow: auto;
			}
		</style>
	</head>
	<body>
		<button id="btSlideUp">Slide Up</button>
		<button id="btMasVel">+</button>
		<button id="btMenosVel">-</button>
		<div class="ejemplos jqCap17"></div>
		
		<!--<script type="text/javascript" src="http://www.rfsouto.com/Scripts/capitulo17.js"></script>-->
		<script type="text/javascript">
		<!--
		jqPostEfecto();
		//-->
		
		</script>
	</body>
</html>